<template>
  <div>
    <van-tabbar v-model="active" route>
      <van-tabbar-item icon="home-o" to="/">首页</van-tabbar-item>
      <van-tabbar-item icon="search" dot to="/category">分类</van-tabbar-item>
      <van-tabbar-item icon="friends-o" badge="5" to="/recommend">
        推荐
      </van-tabbar-item>
      <van-tabbar-item icon="setting-o" badge="20" to="/cart">
        购物车
      </van-tabbar-item>
      <van-tabbar-item icon="setting-o" badge="20" to="/user">
        我的
      </van-tabbar-item>
    </van-tabbar>
  </div>
</template>

<script setup></script>

<style scoped>
.van-tabbar {
  position: fixed !important;
}
</style>
